<!DOCTYPE html>
<html lang="en">
<head>
	<title>module-mix</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="icon" href="img/favicon.ico" type="image/x-icon">
	<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
	<meta name="description" content="Your description">
	<meta name="keywords" content="Your keywords">
	<meta name="author" content="Your name">
	<link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen">
	<link rel="stylesheet" href="css/responsive.css" type="text/css" media="screen">
	<link rel="stylesheet" href="css/camera.css" type="text/css" media="screen">
	<link rel="stylesheet" href="css/touchTouch.css" type="text/css" media="screen">
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="js/camera.js"></script>
	<script type="text/javascript" src="js/touchTouch.jquery.js"></script>
	<script src="js/gallery.js" type="text/javascript"></script>
	<script src="js/jquery.tmpl.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="js/jquery.elastislide.js"></script>
	<script>
		$(document).ready(function(){
			jQuery('.camera_wrap').camera();
		});
		$(document).ready(function(){
			// Initialize the gallery
			$('.magnifier').touchTouch();
		});
	</script>
	<!--[if lt IE 8]>
	<div style='text-align:center'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/img/upgrade.jpg"border="0"alt=""/></a></div>
	<![endif]-->
	<!--[if (gt IE 9)|!(IE)]><!-->
	<script type="text/javascript" src="js/jquery.mobile.customized.min.js"></script>
	<!--<![endif]-->
	<!--[if lt IE 9]>
	<link rel="stylesheet" href="css/docs.css" type="text/css" media="screen">
	<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>

<body>
<!--==============================header=================================-->
<header>
	<div class="container">
		<div class="row">
			<div class="span12">
				<div class="navbar navbar-static-top navbar_">
					<div class="navbar-inner">
						<div class="container">
							<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse_">
								<span class="icon-bar"></span>
								menu
								<span class="icon-bar"></span>
							</a>
                <h1 class="brand"><a href="index.html">module-mix :)</a></h1>
							<div class="nav-collapse nav-collapse_ pull-right collapse">
								<ul class="nav pull-right sf-menu">
									<li><a href="modules/site-catalog/">Site catalog</a></li>
									<li><a href="modules/news-grabber/">News greabber</a></li>
									<li><a href="modules/url-shortener/">Url-Shortener</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</header>


<section id="content">
	<div class="container">


		<div class="row">
			<div class="span6">
                {site_catalog}
			</div>


			<div class="row">
				<div class="span5">
                    {url_shortener}
				</div>

             
				<div class="span5">
                     {news_grabber}
				</div>
			</div>




</section>

<footer>
	<div class="container">
		<div class="row">
			<div class="span12">
				<div class="border">
				</div>
				<div class="pull-left">
					<div class="footer-logo">
            <span>module-mix</span> &copy; 2012 | <a href="index-6.html">hello world</a><br>
            <!-- {%FOOTER_LINK} -->
					</div>
					<ul class="social-icons">
						<li class="google_plus"><a href="#"></a></li>
						<li class="rss"><a href="#"></a></li>
						<li class="twitter"><a href="#"></a></li>
					</ul>
				</div>
				<div class="pull-right">
					<ul class="nav nav-pills">
						<li class="current"><a href="index.html">Home</a></li>
						<li><a href="index-1.html">about</a></li>
						<li><a href="index-2.html">services</a></li>
						<li><a href="index-3.html">gallery</a></li>
						<li><a href="index-4.html">Blog</a></li>
						<li><a href="index-5.html">Contacts</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</footer>
<script type="text/javascript" src="js/bootstrap.js"></script>

<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (d, w, c) {
    (w[c] = w[c] || []).push(function() {
        try {
            w.yaCounter18876628 = new Ya.Metrika({id:18876628,
                    webvisor:true,
                    clickmap:true,
                    trackLinks:true,
                    accurateTrackBounce:true});
        } catch(e) { }
    });

    var n = d.getElementsByTagName("script")[0],
        s = d.createElement("script"),
        f = function () { n.parentNode.insertBefore(s, n); };
    s.type = "text/javascript";
    s.async = true;
    s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";

    if (w.opera == "[object Opera]") {
        d.addEventListener("DOMContentLoaded", f, false);
    } else { f(); }
})(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="//mc.yandex.ru/watch/18876628" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

</body>
</html>


